<template>
  <div>
    <span v-for="item in list" :key="item">
      <p>
        <img :src="item.img1" alt="" />
      </p>
      <p class="txt">￥{{ item.originprice }}</p>
    </span>
  </div>
</template>

<script setup lang="ts">
import { getseckilllist } from "../../server/produce";
import { type Ref, ref, onMounted } from "vue";
let list = ref<any>([]);
onMounted(() => {
  getseckilllist().then((res: any) => {
    if (res.code === "200") {
      console.log(res);
      list.value = res.data;
    }
  });
});
</script>

<style lang="scss" scoped>
h5 {
  margin: 0;
}
div {
  width: 100%;
  display: flex;
  span {
    width: 16.6%;
    p {
      margin: 0;
    }
    img {
      width: 100%;
      height: 100px;
    }
    .txt {
      color: red;
      font-size: 10px;
    }
  }
}
</style>
